const label = '用户信息'
const name = 'DkAppUserHeader'
export default {
  icon: 'tdesign:work',
  label,
  name,
  count: 1,
  rule() {
    return {
      type: name,
      props: {
        defaultAvatar: import.meta.env.VITE_BASE_URL + '/assets/addons/gs_gold/icon.png',
        defaultUsername: '一键登录',
        loginNotice: '余额：{money} 总收益：{income}',
        avatarStyle: {
          width: '50px',
          height: '50px',
          borderRadius: '100px'
        }
      },
      showStyle: true,
      children: [],
      style: {}
    }
  },
  props() {
    return [
      {
        type: 'radio',
        title: '样式',
        field: 'type',
        value: 'default',
        options: [
          { label: '默认', value: 'default' },
          { label: '居中', value: 'center' }
        ],
        control: [
          {
            value: 'default',
            rule: [
              {
                type: 'input',
                title: '默认信息',
                field: 'defaultNotice',
                value: '登录后可查看更多信息',
                effect: {
                  help: '未登录时显示的在用户名下面的提示文字，登录后将显示用户信息'
                }
              },
              {
                type: 'input',
                title: '用户信息',
                field: 'loginNotice',
                value: '余额：{money} 总收益：{income}',
                effect: {
                  help: '登录后，显示在用户名下面的用户信息，不填则默认。替换变量：可提现{money} 总收益{income} 测验数{test_count} 估价数{assess_count} 问答数{question_count}'
                }
              },
              {
                type: 'DkColorInput',
                title: '信息颜色',
                field: 'defaultNoticeColor',
                value: '#999'
              }
            ]
          },
          {
            value: 'center',
            rule: []
          }
        ]
      },
      {
        type: 'DkColorInput',
        title: '昵称颜色',
        field: 'defaultUsernameColor',
        value: '#000'
      },
      {
        type: 'DkStyleInput',
        field: 'avatarStyle',
        title: '头像样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '头像样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput']
        },
        value: {}
      },
      {
        type: 'DkImageInput',
        title: '默认头像',
        field: 'defaultAvatar',
        value: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
      },
      {
        type: 'input',
        title: '默认昵称',
        field: 'defaultUsername',
        value: '一键登录',
        effect: {
          help: '未登录时显示的在用户名位置的提示文字'
        }
      }
    ]
  }
}
